<%@ page language="java" contentType="text/html; charset=windows-1255" pageEncoding="windows-1255"%>
<!DOCTYPE html>

<html>
    <head>
        <title>CrowdSourcing - create Event</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

        <link rel="icon" href="crowdSourcingLogo.png" type="image/x-icon">
        <link rel="stylesheet" type="text/css" title="index_css" href="/${project.build.finalName}/crowd/css/message.css">

        <script type="text/javascript" src="/${project.build.finalName}/js/jquery-1.8.0.js"></script>
        <script type="text/javascript" src="/${project.build.finalName}/crowd/js/events.js"> </script>


        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=AIzaSyAeDT7vk1UfeFK9Aom-IoQAC5piyti8-Hw"
            type="text/javascript"></script>
        
        <script type = "text/javascript" src="/${project.build.finalName}/crowd/js/googleMap.js"> </script>

    </head>
    <body onload="load()" onunload="GUnload()" >
        <table class="center">
            <tr>
                <td id="body">
                    <form action="#" onsubmit="showAddressValue(this.address.value); return false" >
                        <input type="text" size="40" name="address" value="Technion, Haifa" />
                        <br/>
                        <input type="submit" value="Search Location!" />
                    </form>                  
                    <br/>
                    <div id='updates'>
                            <form  action="#" method="POST" >
                                <p> Content </p>
                                <textarea id="contentarea" name="content" rows="16" cols="32"></textarea>
                                <br/>
                                Capacity <input type="range" id="capacity" name="capacity"  size="6" /> <br/>
                                day(DD) <input type="text" id="day" name="day" min ="2"  size="6" />
                                month(MM) <input type="text" id="month" name="month"   size="6" />
                                year(YYYY) <input type="text" id="year" name="year"   size="6" />
                                <br/>
                                <p> Location </p> 
                                latitude:<input type="text" id="lat" name="x" size="6" />
				                longitude:<input type="text" id="lng" name="y" size="6" /> 
                                <br/>
                                <input type="button" value="Send" onclick="addEvent(this.form)" />
                            </form>
                        </div>
                </td>
                <td>
                    <div id="map"></div>   
                </td>
        </table>
    </body>
</html>
